<template>
	<view class="iconfont fa-icon" 
	:class="name" 
	:style="`font-size: ${size}rpx;color: ${color || 'none'};background-color: ${backgroundColor || 'none'}`" 
	@click="e => $emit('click', e)" />
</template>

<script>
	export default {
		props: ['name', 'size', 'color', 'backgroundColor']
	}
</script>

<style lang="scss" scoped>
	.fa-icon {
		color: #707070;
		display: inline-block;
	}

</style>
